<head>
  <meta charset=UTF-8>
</head>
<body>
<div></div><div></div>
<input id="book" name="book" type="text" /><br />
<input id="desc" name="desc" type="text" /><br />
<select id="gender">
  <option value="male">男人</option>
  <option value="female">女人</option>
</select><br />
<select id="publish" multiple="multiple">
  <option value="phei">电子工业出版社</option>
  <option value="ptpress">人民邮电出版社</option>
</select><br />
<script type="text/javascript" src="jquery-3.1.1.js">
</script>
<script type="text/javascript">
//设置body下的div元素的内容
$("body>div").html("疯狂前端开发讲义");
//设置所有input/select和textarea的值
$(":input").val("疯狂XML讲义");
//为所有的<select.../>元素设置value值
$("select").val(["female" , "ptpress" , "phei"]);
//仅获取jQuery元素的text部分，下面将输出java:疯狂Java讲义
console.log($("<div>java:<span>疯狂Java讲义</span></div>").text());
</script>
</body>
